import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { Tabs } from 'antd-mobile'
import { Button, SearchBar } from 'antd-mobile'
import { Card } from 'antd-mobile'
import { Avatar, List } from 'antd-mobile'
function Index() {
    const demoAvatarImages = [
  'https://images.unsplash.com/photo-1548532928-b34e3be62fc6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
  'https://images.unsplash.com/photo-1493666438817-866a91353ca9?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&s=b616b2c5b373a80ffc9636ba24f7a4a9',
  'https://images.unsplash.com/photo-1542624937-8d1e9f53c1b9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
  'https://images.unsplash.com/photo-1546967191-fdfb13ed6b1e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
]
  return (
    <div>
      <div>
         <NavBar>我的团队</NavBar>
      </div>
      
      <div>
         <Tabs>
          <Tabs.Tab title='注册用户' key='fruits'>
             <div>
         <SearchBar placeholder='请输入内容'/>
      </div>
        <Card title=''>
        <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>  <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>

          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>

          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>  <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
  <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
          张三
          </List.Item>
        </List>

          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>  <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description='176****1304'
          >
           张三
          </List.Item>
        </List>

        </Card>
          </Tabs.Tab>
          <Tabs.Tab title='直系团长' key='vegetables'>
        直系团长
          </Tabs.Tab>
        </Tabs>
      </div>
      
    </div>
  )
}

export default Index
